当前位置：flash8.0教程－基础教程

名称

《个人主页（畅游网络）》的制作过程

预览

《个人主页（畅游网络）》的制作方法

【实例说明】：

本例制作一个个人主页（畅游网络）的效果。

【操作步骤】：

〖一〗、新建文档

1. 单击“文件”/“新建”命令，创建一个新文档；
2. 单击“修改”/“文档”命令；在“文档属性”对话框中设置“尺寸”为800×600，背景色为黑色；单击“确定”按钮。

〖二〗制作“背景层”：

1. 双击“图层1”；将其命名为“图层”；
2. 执行“文件/导入/导入到舞台”命令；从外面导入一幅图片作为背景图片；
3. 选中舞台上面的图片，打开属性面板，将其宽、高分别设置为“800、600”；
4. 选中舞台上面的图片，拖动它的位置刚好覆盖住整个舞台。如下图：

〖三〗制作“ball层”的四个影片剪辑元件：

1. 选中“图层1”；单击时间轴上的添加新图层按钮，新添加一个图层；然后双击该图层；将其命名为“ball层”；
2. 选用工具栏中的椭圆工具；将笔触颜色设为无，填充色设为黑白放射性渐变色；在舞台上绘制一个正圆；如下图所示：

1. 选中舞台上正圆；按F8键打开“转换为元件”对话框；名称中输入“球11”，单击“图形”单选项；单击“确定”按钮
2. 再选中舞台上正圆图形元件；按F8键打开“转换为元件”对话框；名称中输入“球1”，单击“影片剪辑”单选项；单击“确定”按钮；
3. 再依照前三个步骤的方法，再创建两个“球22” 、“球33”图形元件（填充色分别为填充色中的“红白放射性渐变色”、“绿白放射性渐变色”）和两个“球2” 、“球3”的影片剪辑元件；
4. 结上目前为止“ball”层的舞台上就有三个不同颜色的小球影片剪辑元件了；
5. 从舞台上在删除两个影片剪辑元件，只留下一个“球2”影片剪辑元件；
6. 双击舞台上面的该影片剪辑元件；进入其编辑区；选中“图层1”；单击时间轴上面的“添加运动引导层”按钮，为“图层1”添加一个运动引导层；
7. 选中运动引导层的第1帧；选用工具栏中的椭圆工具，在舞台上绘制一个无填充颜色、笔触颜色为红色的椭圆；如下图：

1. 选用橡皮擦工具将上图擦除一点；如下图：

看见上图中的用橡皮擦工具擦除的一点缺口了吗？

1. 选中“图层1”的第1帧的“球22”图形元件；单击一下工具栏中的任意变形工具，这时元件的正中心会有一个小圆点；拖动该元件，使该元件的中心的小圆点刚好处在缺口的上面的断点处；
2. 选中“图层1”的第20帧；按F6键插入“关键帧”；选中运动引导层的第20帧；按F5键插入“帧”。
3. 选中“图层1”的第20帧的“球22”图形元件；；单击一下工具栏中的任意变形工具，这时元件的正中心会有一个小圆点；拖动该元件，使该元件的中心的小圆点刚好处在缺口的下面的断点处；
4. 选中运动引导层；单击时间轴上的添加新图层按钮，新添加一个图层；
5. 选中运动引导层中的椭圆（即前面的图中的有缺口的椭圆）；右击；单击“复制”命令；
6. 选中“图层3”的第1帧；右击；单击“粘贴到原位置”命令；再用线条工具将缺口补齐，并且用选择工具调整成弧形，就好像是一个完整的圆一样；选中第20帧；按F5键插入“帧”。
7. 选中“图层3”；拖动该图层到最下面一层即可；
8. 好了恭喜你，你已经成功的制作好“球2”影片剪辑元件了。
9. 依照制作“球2”影片剪辑元件的方法，再去制作另外两个“球1”、“球3”影片剪辑元件。
10. 三个影片剪辑元件都做好了以后，打开库面板，从中将它们都拖放到“ball层”的第1帧的舞台上面；再打开对齐面板，调整好三个影片剪辑的位置。如下图：

1. 最后再同时选中这三个影片剪辑元件；按F8键打开“转换为元件”对话框；名称中输入“旋转的球”，单击“影片剪辑”单选项；单击“确定”按钮
2. 单击“插入/新建元件”命令；在对话框中的名称后面输入“中心”；单击“影片剪辑”单选项；单击“确定”按钮
3. 选中第1帧； 选用工具栏中的椭圆工具；将笔触颜色设为无，填充色设为黄白放射性渐变色；在舞台上绘制一个正圆；如下图所示（下图中的图形作了放大处理，实际制作时要作得非常小才好）：

1. 选中舞台上正圆；按F8键打开“转换为元件”对话框；名称中输入“球”，单击“图形”单选项；单击“确定”按钮
2. 选中第30帧；按F6键插入“关键帧”；单击一下工具栏中的任意变形工具，使该帧中的图形元件变大一些；再选中该图形元件；打开属性面板，调整其透明度为无。
3. 选中第1帧；右击；单击“创建补间动画”；
4. 单击“场景1”按钮退出该元件的编辑状态，返回到主舞台上面；
5. 打开库面板，从中找到“中心”影片剪辑元件；按住不放拖放几个实例到舞台上；位置主要放在“旋转的球”影片剪辑四周；

〖四〗制作“文字按钮层”：

1. 选中“ball层”；单击时间轴上的添加新图层按钮，新添加一个图层；然后双击该图层；将其命名为“文字按钮层”；
2. 选用工具栏上的文本工具；在舞台上面输入“娱乐动态”文本；选中该文本；按F8键打开“转换为元件”对话框；名称中输入“娱乐动态”，单击“按钮”单选项；单击“确定”按钮；
3. 双击进入“娱乐动态”按钮的编辑状态；选中“指针经过”帧，按F6键插入“关键帧”；再选中“点击”帧，按F5键插入“帧”；选中“指针经过”帧，将填充颜色改变为另一种颜色；
4. 单击“场景1”按钮退出该元件的编辑状态。
5. 接下来再制作另外一个“友情链接”按钮元件；
6. 打开库面板，从中找到该元件；右击；单击“直接复制”命令；名称中输入“友情链接”，单击“确定”按钮；在库面板中双击“友情链接”按钮进入其编辑状态；将“弹起帧”、“指针经过”帧中的文本信息都修改为“友情链接”，并且将“指针经过”中的颜色也改变一下；单击“场景1”按钮退出该元件的编辑状态；这样“友情链接”按钮元件就制作好了。
7. 用前一步骤的方法，再创建“个人风采”、“下载更新”、“体育世界”、“相关站点”四个文字按钮元件；
8. 最后将这些元件都拖放到“文字按钮层”的第1帧的舞台上面。并调整好它们的排列顺序和位置。如下图：

1.  
2. 如果想通过按钮到达相应的网站站点，示例如下：
3. 比如为“友情链接”添加链接到其它站点的语言代码如下（其它都添加一样的代即可）：

on (release) {

//单击释放

getURL("http://luotao2.xinwen365.com", "_blank");

//在新窗口打开“luotao2.xinwen365.com”网站网页

}

1. 好了一个炫酷的网页就制作好了啊。
2. 哦，对了，如果想将它发布成网页，只需按键盘上的F12键即可啊，够简单吧。
3. 最后在保存该文件的位置找到“”文件；双击打开它就可以看到该主页了；
4. 哦，对了，你如果想把该网页上传到互联网上动怎么办？很简单，按以下步骤进行操作就可以了。
5. 第－步，打开“个人主页（畅游网络）.fla”源文件；第二步，单击“文件”；单击“另存为”命令；文件名后面输入“index”；第三步，按键盘上的F12键发布成网页；第四步，在保存文件的位置，找到以下几个文件（“index.html”和“index. swf”），将这两个文件上传到互联网上就可以了。

〖五〗、最后按“Ctrl+Enter”组合键测试影片的实际动画效果；